<template>
  <el-container style="height: 100vh">
    <el-header
      style="
          text-align: center;
          line-height: 60px;box-shadow: 0 1px 4px rgb(0 21 41 / 8%)">
      <public-header>
        <template slot="center">{{ reportName }}</template>
      </public-header>
    </el-header>

    <el-main v-loading="false" element-loading-text="拼命加载中" style="height: 87vh; padding: 0">
      <iframe :src="src" frameborder="no" style="width: 100%;height: 100%;vertical-align:bottom;" scrolling="auto"/>
    </el-main>
  </el-container>
</template>

<script>
import PublicHeader from '../../components/PublicHeader'

export default {
  name: 'DesignReport',
  components: {PublicHeader},
  data () {
    return {
      src: 'http://localhost:8081/jmreport/list',
      reportName: '报表设计'
    }
  },
  mounted () {
    this.src = this.$route.params.src ? this.$route.params.src : this.src
    this.reportName = this.$route.params.reportName ? this.$route.params.reportName : this.reportName
  }
}
</script>

<style scoped>

</style>
